@charset "UTF-8";

/* CSS 
---------------------------------------------------------------

--------------------------------------------------------------- */
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:600px){
#headerContent {
    width: 100%;
	text-align: center;
	padding: 0px 0px 70px 0px;
}
	
#headerContent span{
     width: 100%;
	margin: 0 auto;
	
	margin-top: 10px;

}
	
#headerContent span img{
    width: 150px;
	height: auto;

}




.nukutoi_link p {
width: 90%;
	text-align:left;
	padding: 10px 0px 0px 0px;
	margin: 0 auto;
	font-size: 11px;
	color: #2D2D2D;
}
	
	.recruit_main{
font-size:1.7rem;
	font-weight: bold;
	
	color: #000;
	text-align: left;
	margin-top: 45px;
	margin-bottom:0px;
	letter-spacing: 0.1em;
}
	
.recruit_main2{
	font-size: 0.8rem;
	font-weight: bold;
    text-align: left;
	color: #000;
	
	margin-top: 15px;
	margin-bottom: 45px;
	letter-spacing: 0.1em;
	
}
	
	
	.recruit_main_in{
width:90%;
text-align:left;
}	
	
.nukutoi_main{
	
	margin-top: 35px;
	margin-bottom: 35px;

	
	
}
	
#nukutoi_Contents{

	width:100%;
	padding:40px 0;
	text-align:center;
	background:#fbfbf0;
	
}	

.nukutoi_Contents_in{

	width:100%;
	margin:0 auto 0;	
}
	
.nukutoi_img{
	width:70%;
	margin:0 auto 0;	
   	text-align: center;
	margin-top:50px;
	

}	
	
.nukutoi_img2{
	width:70%;
	margin:0 auto 0;	
   	text-align: center;
	margin-top:40px;
	

}	

.nukutoi_Contents_subtitle{
	width:90%;
	margin:0 auto 0;	
	margin-top: 30px;
	
	
	font-size: 14px;
	font-weight: normal;
	line-height: 1.8;
	letter-spacing: 0.05em;
	color:  #000;

}

.nukutoi_Contents_subtitle2{
	width:80%;
	margin:0 auto 0;	
	
	
	font-size: 13px;

	line-height: 1.5em;
	letter-spacing: 0.05em;
	color:  #000;
}

.nukutoi_Contents_subtitle3{
	width:80%;
	margin:0 auto 0;	
	margin-top: 50px;
	
	font-size: 13px;

	line-height: 1.5em;
	letter-spacing: 0.05em;
	color:  #000;
}	
	
.nukutoi_Contents_subtitle4{
	width:80%;
	margin:0 auto 0;	
	margin-bottom: 40px;
	
	font-size: 13px;
	
	line-height: 1.8em;
	letter-spacing: 0.05em;
	color:  #000;

}	
	
	

#submenu {

display:none;

}

.slicknav_menu {
	display:block;
}
	
	.slicknav_menu {
 width: 100%;

    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;

		
}
	
.menu_var_scroll ul {
    height: 100% !important;
    overflow: auto !important;
}

#main_box{
	
	background: #fff;
	width:auto;
	height: 150px;
	right: 0px;
	top: 0px;
}
	
.nukutoi_work_box{
	
	margin-top: 50px;
	margin-bottom: 0px;
	background-color: #F3F5F6;
}
	
.nukutoi_work_boxIn{
	width: 90%;
	margin: 0 auto;
	
	
}
	
	

	
.nukutoi_work_img{
    width: 100%;
	height: auto;
	text-align: center;
	margin-top: 50px;
	margin-right: 0px;	
	padding: 0px 0px;
	
}
	
.nukutoi_work_text{
	width: 100%;
	
	
	margin-bottom: 40px;
	}
	
	
.nukutoi_work_text p{
    text-align: center;
	font-weight: lighter;
	font-family: "Sawarabi Gothic";
 	font-size:12px;
	line-height:2;
	letter-spacing:1.5px;
	color: #000;
	margin-top: 40px;
	
}	
	
	

.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
    overflow: hidden;
    margin: 0;
    position: relative;
  
}
.timeline-date {
    width: 100%;
    text-align: center;
	font-weight:bolder;
	padding-bottom: 10px;
	font-size:13px;
	color: #757575;
    
  }
   .timeline-content {
    width: 100%;
	
	text-align: left;
    border-left:none;
	border-top: 3px #e5e5d1 solid;
	   padding-left: 0;
	  
    padding-top: 15px;
	 padding-bottom: 15px;
  }
  
    .timeline-content p{
		margin: 10px;
    font-size:10px;
		line-height: 15px;
	color: #757575;
  }	
	
.timeline-content:before {
   
   display: none;
  }	

	#page-top {
	position: fixed;
	bottom: 30px;
	right: 5px;
	font-size: 100%;
	font-family: "Sawarabi Gothic";
	font-style: normal;
	font-weight: 400;
	width:10%;
	height:5%;
	
	z-index:1
}	
	
		.footer{font-size:13px;}
	
	#copyright {
	padding: 10px 0px 40px 0px;

}
	
}